<template>
  <div class="container">
    <h1 class="title">购物车</h1>
    <car-body></car-body>
    <car-footer></car-footer>
  </div>
</template>

<script setup>
import CarBody from './components/CarBody.vue';
import CarFooter from './components/CarFooter.vue';
</script>

<style lang="scss" scoped>
.container{
  width: 90%;
  margin-top:10px;
  margin-inline:auto;
  .title {
    margin-bottom:25px;
    font-size:27px;
    color:#61b55f;
    font-weight: 500;
    text-align: center;
}
}
</style>
